<template>
  <view class="flex-col page">
    <view class="flex-col flex-auto group">
      <view class="flex-row items-center group_2">
        <image class="image_5" src="../../static/images/520ca0bb6ef9ec6aba299c7fcca1db22.png" />
        <text class="text_4">更多</text>
      </view>
      <view class="flex-row justify-between items-center group_2 view">
        <text class="font_2">设备信息</text>
        <image class="image_6" src="../../static/images/259ef665624af7e8ef26089c82ed76ba.png" />
      </view>
      <view class="flex-row justify-between items-center group_2 view_2">
        <text class="font_2 text_5">产品说明书</text>
        <image class="image_6" src="../../static/images/259ef665624af7e8ef26089c82ed76ba.png" />
      </view>
      <view class="flex-row justify-between items-end group_2 view_3">
        <text class="font_2 text_6">插件版本</text>
        <image class="image_6" src="../../static/images/259ef665624af7e8ef26089c82ed76ba.png" />
      </view>
      <view class="flex-col group_2 view_4 space-y-19">
        <view class="flex-row justify-between items-center">
          <text class="font_2 text_7">自整定</text>
          <image class="image_6" src="../../static/images/259ef665624af7e8ef26089c82ed76ba.png" />
        </view>
        <view class="flex-row justify-between items-center">
          <text class="font_2">安全设置</text>
          <image class="image_6" src="../../static/images/259ef665624af7e8ef26089c82ed76ba.png" />
        </view>
      </view>
      <view class="flex-row justify-between items-center group_2 view_5">
        <text class="font_2">网络信息</text>
        <image class="image_6" src="../../static/images/259ef665624af7e8ef26089c82ed76ba.png" />
      </view>
      <view class="flex-row justify-between items-center group_2 view_6">
        <text class="font_2">法律信息</text>
        <image class="image_6" src="../../static/images/259ef665624af7e8ef26089c82ed76ba.png" />
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    components: {},
    data() {
      return {};
    },

    methods: {},
  };
</script>

<style scoped lang="css">
  .page {
    background-color: #ffffff;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
  }
  .group {
    padding: 39.58rpx 22.92rpx 466.67rpx;
    overflow-y: auto;
  }
  .group_2 {
    padding: 0 8.33rpx;
  }
  .image_5 {
    width: 62.5rpx;
    height: 62.5rpx;
  }
  .text_4 {
    color: #138f87;
    font-size: 50rpx;
    font-family: SourceHanSansCN;
    line-height: 45.83rpx;
  }
  .view {
    margin-top: 81.25rpx;
  }
  .font_2 {
    font-size: 37.5rpx;
    font-family: SourceHanSansCN;
    line-height: 35.42rpx;
    color: #000000;
  }
  .image_6 {
    width: 50rpx;
    height: 50rpx;
  }
  .view_2 {
    margin-top: 41.67rpx;
  }
  .text_5 {
    line-height: 34.38rpx;
  }
  .view_3 {
    margin-top: 41.67rpx;
  }
  .text_6 {
    line-height: 34.38rpx;
  }
  .view_4 {
    margin-top: 54.17rpx;
  }
  .space-y-19 > view:not(:first-child),
  .space-y-19 > text:not(:first-child),
  .space-y-19 > image:not(:first-child) {
    margin-top: 39.58rpx;
  }
  .text_7 {
    line-height: 34.38rpx;
  }
  .view_5 {
    margin-top: 50rpx;
  }
  .view_6 {
    margin-top: 54.17rpx;
  }
</style>